<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>MongoDAG</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/aos.css">
		<link type="text/css" rel="stylesheet" href="css/swiper.css">
        <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-icon">
        <!--[if lt IE 7]><p>您的浏览器版本过低，请升级浏览器获得更好的体验<p><![endif]-->
</head>

<body aos-easing="ease-out-back" aos-duration="1000" aos-delay="0">
    <div class="navbar navbar-inverse navbar-fixed-top" style="background-color: #1E2D4A;">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand hidden-sm" href="/"><img src="imgs/logo-hd90.png" alt=""></a>
            </div>
            <div class="navbar-collapse collapse" role="navigation" >
                <ul class="nav navbar-nav">
                    <li class="hidden-sm hidden-md"><a data-scroll="" href="#">Home</a></li>
                    <li><a data-scroll="" href="#about">About</a></li>
                    <li><a data-scroll="" href="#feature">Feature</a></li>
                    <li><a data-scroll="" href="#timeline">Roadmap</a></li>
                    <li><a data-scroll="" href="#team">Team</a></li>
                    <li><a data-scroll="" href="#wallet">Wallet</a></li>
                   
                    <li><a data-scroll="" href="/whitebook.html">White_paper</a></li>
					  <li><a class="navbar-brand hidden-sm" href="#" style="margin-left:300px"><img src="imgs/66.png" alt=""></a></li>
                </ul>

            </div>
			
        </div>
    </div>

     <div class="lazy loadimg" data-original="imgs/banner01.jpg" style="background-attachment: fixed; min-height: 495px; background-repeat: repeat;background: url(imgs/banner011.jpg) ;">
      <div style=" min-height: 495px;background: url(imgs/banner01.jpg) right 1px  no-repeat;">
			<div class="container">
			   
				<h1 class="crf99320" style="font-weight: bold;margin-top: 210px;">Realize the ideal of Satoshi Nakamoto. One power one vote</h1>
			</div>
		</div>
	</div>
    <section id="about">
        <div class="container">
            <div class="row">
                <h2 class="text-center"> About
                    <span ><em>MongoDAG</em></span>
                </h2>
            </div>
            <div class="row">
                <div class="media col-md-5" style="margin-left:40px">
				<div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">New Block-DAG algorithm</h5>
                    </div>
                    <div class="media-left">
                        <a href="/#">
                            <img  src="imgs/1.png" alt="">
                        </a>
                    </div>
                    
                </div>
                <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left" style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="imgs/2.png" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h5 class="media-heading">More advanced technology evolution path</h5>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="media col-md-5" style="margin-left:40px">
				<div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">Better DAG technology model</h5>
                    </div>
                    <div class="media-left">
					
                        <a href="/#">
                            <img  src="imgs/3.png" alt="">
                        </a>
                    </div>
                    
                </div>
                <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left " style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="imgs/4.png" alt="">
                        </a>
                    </div>
                    <div class="media-body" >
                        <h5 class="media-heading">Better DAPP development platform</h5>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="media col-md-5" style="margin-left:40px">
				 <div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">Faster distributed block-DAG platform</h5>
                    </div>
                    <div class="media-left">
                        <a href="/#">
                            <img  src="imgs/5.png" alt="">
                        </a>
                    </div>
                   
                </div>
                <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left" style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="imgs/6.png" alt="">
                        </a>
                    </div>
                    <div class="media-body" >
                        <h5 class="media-heading" >Much stronger community consensus feedback to MDG users<br/>community developers, miners, investors</h5>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="media col-md-6" style="margin-left:-60px">
				  <div class="media-body" style="text-align:right;padding-right:20px">
                        <h5 class="media-heading">Better anti-ASIC consensus algorithm<br/></h5>
                    </div>
                    <div class="media-left">
                        <a href="/#">
                            <img  src="imgs/7.png" alt="">
                        </a>
                    </div>
                  
                </div>
				 <div class="col-md-2"></div>
                <div class="media col-md-5" style="margin-left:100px">
                    <div class="media-left" style="text-align:right;padding-right:20px">
                        <a href="/#">
                            <img  src="imgs/8.png" alt="">
                        </a>
                    </div>
                    <div class="media-body" >
                        <h5 class="media-heading">Technical Team from Famous Internet Enterprises</h5>
                    </div>
                </div>
            </div>
			

            <hr style="border-top: 4px solid #f99320;margin-top:40px;margin-bottom:0;width:30%">
        </div>
    </section>


    <section id="feature" style="padding-bottom: 8%;background-color: #1E2D4A;color:#ccc">
        <div class="container">
            <div>
                <h2 style=" text-align:center;" >
                    <span  ><em>MongoDAG</em>&nbsp;</span>Characteristic
                </h2>
            </div>
            <div class="clearfix" style="margin-left:60px">
                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-once="true" style="font-size: 16px;">
                    <img src="imgs/huanbao.png" alt="BHD">
                    <p style="margin-top:30px"><b>ASIC：Dynamic consensus </b></p>
                    <p><b></b></p>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-delay="100" aos-once="true" style="font-size: 16px;">
                    <img src="imgs/menkan.png" alt="BHD">
                    <p style="margin-top:30px"><b>（DAG）Base on block-DAG</b></p>
                    <p><b>&nbsp;</b></p>
                </div>
                <div class="col-md-1"></div>
                                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-delay="300" aos-once="true" style="font-size: 16px;">
                    <img src="imgs/zhongxin.png" alt="BHD">
                    <p style="margin-top:30px"><b>Unlimited transaction speed</b></p>
                    <p><b></b></p>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-2 text-center  aos-init aos-animate" aos="fade-right" aos-delay="500" aos-once="true" style="font-size: 16px;">
                    <img src="imgs/qukuai.png" alt="BHD">
                    <p style="margin-top:30px"><b>Conditional mining, stable market expectations</b></p>
                    <p><b></b>
                    </p>
                </div>
            </div>
			
        </div>
    </section>


<section id="timeline">
    <div class="container" id="time-detail">
        <div style="margin-bottom:-50px">
            <h2 class="text-center"> Timeline</h2>
        </div>
        <div class="clearfix" style="padding-bottom: 2%;">
            <div class="col-md-2 col-sm-3 col-xs-1"></div>
            <div class="col-md-4 text-left col-sm-5 col-xs-5" style="margin-top:95px;padding-left:50px">
                <div style="height:100px;font-size:16px;">
                    <p>Conditional mining function</p>
                </div>
                <div style="height:120px">
				    <p style="text-align:right;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:right;font-size:18px;margin-top:-10px"><b>Q2</b></p>
				</div>
                <div style="height:100px;font-size:16px;">
                    <p>Dynamic consensus </p>
                </div>
                <div style="height:120px">
				    <p style="text-align:right;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:right;font-size:18px;margin-top:-10px"><b>Q4</b></p>
				</div>
                <div style="font-size:16px;">
                    <p>Provide smart contract function, Delete the whitelist and complete the network of nodes</p>
                </div>
            </div>
            <div class="text-center pull-left" style="padding:0;width: 10px;position: relative;">
                <div style="width: 2px;height:100px"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <div class="bhd-time-line-pointer"></div>
                <div class="bhd-time-line-line"></div>
                <img src="imgs/arrows.png" alt="mongodag" style="position: absolute;bottom: -5px;left: -3px;">
            </div>
            <div class="col-md-4 text-right col-sm-5 col-xs-5" style="margin-top:90px;padding-right:50px">
                <div style="height:120px">
				    <p style="text-align:left;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:left;font-size:18px;margin-top:-10px"><b>Q1</b></p>
				</div>
                <div style="height:100px;font-size:16px;">
                    <p>Solve network synchronization problems</p>
                </div>
                <div style="height:120px">
				    <p style="text-align:left;font-size:20px;color:#fbba02"><b>2019</b></p>
					<p style="text-align:left;font-size:18px;margin-top:-10px"><b>Q3</b></p>
				</div>
                <div style="height:100px;font-size:16px;">
                    <p>New DAG network structure, Add anonymity mechanism to protect user privacy</p>
                </div>
				 <div style="height:120px">
				    <p style="text-align:left;font-size:20px;color:#fbba02"><b>2020</b></p>
					<p style="text-align:left;font-size:18px;margin-top:-10px"><b>Q1</b></p>
				</div>
            </div>
        </div>
    </div>

</section>


<section id="team" style="background-color: rgb(30, 45, 74);color:#fff" >
    <div class="container" id="member">
        <div class="">
            <h2 class="text-center" style="margin-bottom:0px"> Team introduction</h2>
            <section class="pc-banner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide swiper-slide-center none-effect">
							<a href="#">
								<img src="img/banner001.jpg">
							</a>
							<div class="layer-mask"></div>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="img/banner002.jpg">
							</a>
							<div class="layer-mask"></div>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="img/banner003.jpg">
							</a>
							<div class="layer-mask"></div>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="img/banner004.jpg">
							</a>
							<div class="layer-mask"></div>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="img/banner005.jpg">
							</a>
							<div class="layer-mask"></div>
						</div>
					</div>
					<!--<div class="button">
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>-->
				</div>
			</section>
        </div>
    </div>
</section>

<section style="height: 40px; background-color: rgb(30, 45, 74); " ></section>

<section id="contact" style="background-color: rgb(30, 45, 74); color: rgb(30, 45, 74); padding: 2% 0px 1%; outline: none;" tabindex="-1">
    <div class="container bhd-footer">
        <div class="row">
            <div class="col-md-3" style="margin-top: 1.6%"><img src="imgs/logo-hd156.png" alt="mongodag"></div>
            <div class="col-md-3" style="margin-top: 1.6%">
                <p><a href="mailto:#"><img src="imgs/yx.png" alt=""></a></p>
               
                </p>
            </div>
            <div class="col-md-3" style="margin-top: 1.6%">
               
            </div>
            <div class="col-md-2">
                <img src="imgs/code.jpg" alt="BHD" width="200" style="vertical-align: top;padding:0;">
            </div>
        </div>
       
       
    </div>
</section>

<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.lazyload.min.js"></script>
<script src="js/index-vender.js"></script>
<script src="js/collapse.js"></script>
<script src="js/dropdown.js"></script>
<script>
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000
    });

    var scroll = new SmoothScroll('a[href*="#"]');
    $(function ($) {
        var toTop = $('#toTop');

        $(".lazy").lazyload({effect: "fadeIn", removeClass: "loadimg"});

        toTop.on('click', function () {
            $('html,body').animate({
                scrollTop: 0
            }, 1000);
            event.preventDefault();
        })
        $(window).on('scroll', function () {
            var self = $(window), height = self.height(), top = self.scrollTop();

            if (top > height) {
                if (!toTop.is(':visible')) {
                    toTop.show();
                }
            } else {
                toTop.hide();
            }
        })
    })
</script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript">

	window.onload = function() {
		var swiper = new Swiper('.swiper-container',{
			// 自动播放时间
			autoplay:2000,
			speed: 1000,
			autoplayDisableOnInteraction: false,
			loop: true,
			centeredSlides: true,
			slidesPerView: 2,
			pagination: '.swiper-pagination',
			paginationClickable: true,
			prevButton: '.swiper-button-prev',
			nextButton: '.swiper-button-next',
			onInit: function(swiper) {
				swiper.slides[2].className = "swiper-slide swiper-slide-active";
			},
			breakpoints: {
				668: {
					slidesPerView: 1,
				}
			}
		});
	}
</script>

</body></html>